<template>
  <div>
    <van-row>
      <van-col span="8">
        <van-icon
          name="checked"
          color="darkred"
        />
        30天无忧退货
      </van-col>
      <van-col span="8">
        <van-icon
          name="checked"
          color="darkred"
        />48小时快速退款
      </van-col>
      <van-col span="8">
        <van-icon
          name="checked"
          color="darkred"
        />满88元包邮
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang='less' scoped>
.van-row {
  .van-col {
    height: 0.25rem;
    font-size: 0.14rem;
    line-height: 0.3rem;
    text-align: center;
    //设置table也不能让icon垂直居中
    // display: table;
    // vertical-align: middle;
    display: flex;
    align-items: center;
    //设置完flex之后text-align: center 不起作用了。
    justify-content: center;
    //icon默认是vertical-align: baseline;
    .van-icon {
      //   vertical-align: middle; //这样也没有完全居中
      padding-right: 0.02rem;
    }
  }
}
</style>